<template>
  <view class="page_content">
    <form-step :value="2"></form-step>
    <view class="business_title">油品价格</view>
    <view class="form_item">
      <view class="price_input_item" v-for="(item,index) in listData" :key="index">
        <view class="price_input_label">{{item.name}}</view>
        <view class="price_input_box">
          <AtInput
            name='bankName'
            placeholder='请输入价格'
            :value="item.price"
            :border="false"
            type="text"
            class="input_bd"
            @change="(val)=>{inputPrice(val,index)}"
          >
            <text style="color: #aaa">元/升</text>
          </AtInput>
        </view>
      </view>
    </view>
    <view class="next_button" @tap="next()">下一步</view>
  </view>
</template>

<script>
import './business.scss';
import Taro from '@tarojs/taro';
import UserAPI from "../../api/user.js"
import FormStep from "../../components/formStep"
import { uploadFile } from "../../utils/uploadFile"
export default {
  components: {
    FormStep
  },
  data() {
    return {
      listData: [
        { name: "92#", price: "" },
        { name: "95#", price: "" },
        { name: "98#", price: "" },
      ]
    }
  },
  mounted(){
  },
  methods: {
    inputPrice(val,i){
      this.listData[i].price = val;
    },
    inputMobile(val){
      this.mobile = val;
    },
    handleChangeAddress(val){
      this.address = val;
    },
    next(){
      Taro.navigateTo({
        url: "business3"
      })
    }
  }
}
</script>
